Skip to main content

FileSelector How To's

How to's for the FileSelector guide.

How to Use File Selector?​

How to Use File Selector?​

Follow the steps below to add and use the File Selector component in a form.

Adding the File Selector to a Form​

  1. Open the form design screen.
  2. Go to the Toolbox panel.
  3. Locate the File Selector component.
  4. Add it to the form using the drag & drop method.

Configuring Basic Properties​

When the component is selected, the following tabs appear in the Property Viewer panel:

  • General
  • Label
  • Behavior
  • Appearance
  • Events

From these tabs, you can configure:

  • Field caption (label)
  • Visibility
  • Required field settings
  • Behavioral properties

File Upload Process​

Selecting a File​

  • Click the three dots (…) icon on the right side of the field
  • Select a file from the local directory or from the DMS
  • Single or multiple file selection is supported

Upload Process​

  • File upload runs in the background
  • Upload progress can be monitored from the top-right corner of the screen
  • The user can continue filling out the form during upload

File Preview​

  • Click on an uploaded file
  • The file opens as a side-panel preview
  • This allows files to be viewed directly in the web interface

Usage Tips​

  • File Selector is recommended for a small number of files
  • For multiple or heavy file upload scenarios, RelatedDocuments is more suitable
  • Provides secure file access in projects with DMS integration

Summary​

File Selector:

  • Provides a simple and user-friendly file upload experience
  • Does not interrupt user flow thanks to background upload support
  • Makes form validation easier with built-in file preview functionality

How to Use Client Enabled?​

What is Client Enabled?​

Client Enabled is a property that defines whether a form control is active (enabled) on the client side when the form is first loaded.
If it is set to True, the control is immediately usable by the user.
If it is set to False, the control is disabled and cannot be interacted with until a specific condition or rule activates it.

This property is especially useful for controlling the user’s interaction flow and applying dynamic behaviors using the Rule Manager.

What Does It Do?​

The property allows developers to:

  • Control when a form control becomes interactive.
  • Prevent users from entering or changing data until prerequisites are met.
  • Dynamically enable or disable controls based on user input or logic.

Example Scenario — Conditional Activation​

Scenario:
A form contains a checkbox called “I Accept Terms” and a text field called “Signature.”
The goal is to make the “Signature” field inactive until the user checks “I Accept Terms.”

Steps to Implement:​

  1. Select the “Signature” field in the form editor.

  2. In the Properties panel, find the Client Enabled field.

  3. Set the value to False — the field will now be disabled by default when the form loads.

  4. Open the Rule Manager.

  5. Add a new rule:

    Condition:

Action:

  1. Save and publish the form.

Result:​

  • When the form loads, the “Signature” field is disabled.
  • Once the user checks “I Accept Terms,” the field automatically becomes active and editable.

Behavior Summary​

Property StateDescription
TrueThe control is active and ready for user interaction when the form loads.
FalseThe control is disabled at load time and can be enabled dynamically via rules or code.

Notes & Best Practices​

  • Use the Client Enabled property to manage client-side interactivity without requiring server actions.
  • Combine it with Rule Manager to define when and how controls become active.
  • Remember: if server enablement is disabled, the client cannot enable the control even if Client Enabled is set to True.
  • By default, this property is set to True (active).

Summary​

Client Enabled improves form usability by letting developers control when and how users interact with form controls.
It is essential for creating responsive, condition-based form experiences where user actions dynamically change the form’s state.

What Is File Selector?​

What Is File Selector?​

File Selector is a form component that allows users to select, upload, and view files through a form.
Files selected from the local computer or the Document Management System (DMS) can be attached to the form using this component.

This component is especially preferred in scenarios where single or a limited number of file uploads are required.

What Is It Used For?​

  • Allows selecting files from the local directory
  • Connects files from the Document Management System to the form
  • Supports single or multiple file uploads
  • Allows users to continue filling out the form while files are uploading
  • Enables previewing uploaded files in the web interface

Where Is It Used?​

  • Contract or attachment upload areas
  • Uploading identity documents, certificates, or images
  • Forms that require DMS integration
  • Scenarios where users need to select files with a single action

Notes​

  • File uploads continue in the background
  • Upload progress can be monitored from the top-right corner of the screen
  • Uploaded files can be clicked to open a side-panel preview